<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>INFINI|映纷创意</title>
		 <link rel="shortcut icon" href="img/白色29.ico" type="image/x-icon">
		 <link rel="stylesheet" href="css/index.css">
		 <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
		 <link rel="stylesheet" href="css/bootstrap.min.css">
	</head>
	<body>
		<header>
			<center><img src="img/title2.png"></center>
				<div class="daohang">
				<nav>
				<a href="#" >HOME</a>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#" >WORK</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#" >CONTACT</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#" >JOIN US</a>
				</nav>
				</div>
		</header>
		<main>
			<div class="container-fluid">
				
			<a href="#">
				<div>
				<img src="img/主页大图2.jpg" alt="主页大图"class="img-responsive img-rounded">
                	<div class="circle">
			<span class="slider"></span>
			<span class="slider"></span>
			<span class="slider"></span>
			<span class="slider"></span>
			</div>
                <div class="description">
                	<p>清新绿实验室大揭秘H5</p>
                </div>	
				</div>		
			</a>
		
	    <hr>
			<p class="jianjie">INFINI （映纷创意）是一家独立创新营销公司，致力于创造会流动的美好创意。我们从策略与洞察出发，不断探索营销和创意的多元表达，用创作精神为品牌提供更具生命力的跨媒体整合营销服务。</p>
			<hr>	
		
			<div class="picture">
				<span><img src="img/图标1.jpg"></span>
				<span><img src="img/图标2.jpg"></span>
				<span><img src="img/图标3.jpg"></span>
				<span><img src="img/图标4.jpg"></span>
				<span><img src="img/图标5.jpg"></span>
				<span><img src="img/图标6.jpg"></span>
				<span><img src="img/图标7.jpg"></span>
				<span><img src="img/图标8.jpg"></span>
				<span><img src="img/图标9.jpg"></span>
				<span><img src="img/图标10.jpg"></span>
				<span><img src="img/图标11.jpg"></span>
                <span><img src="img/图标12.jpg"></span>
                <span><img src="img/图标13.jpg"></span>
                <span><img src="img/图标14.jpg"></span>
			</div>
			<article class="content">
			<a id="p1" href="#" class="photo ">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/抖音.jpg">
			<p >抖音海外版Tik Tok</p>
			</a>
			<a id="p2" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/头条.jpg">
			<p >今日头条年度盛典</p>
			</a>
			<a id="p3" href="#" class="photo ">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/5c3ec88634813.jpg">
			<p>宝洁逆转沙漏</p>
			</a>
			
			<a id="p4" href="#" class="photo ">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/土味天团.jpg">
			<p>中国抖有味</p>
			</a>
			<a id="p5" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/火影忍者.jpg">
			<p>火影忍者</p>
			</a>
			<a id="p6" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/腾讯we大会.jpg">
			<p >腾讯WE大会</p>
			</a>
			
			<a id="p7" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/oppoR17.jpg">
			<p >OPPO R17系列</p>
			</a>
			<a id="p8" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/贝壳找房.jpg">
			<p >贝壳找房</p>
			</a>
			<a id="p9" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/青桔单车.jpg">
			<p >青桔单车</p>
			</a>
			
			<a id="p10" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/数字敦煌.jpg">
			<p >数字敦煌</p>
			</a>
			<a id="p11" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/抖音升级篇.jpg">
			<p >抖音品牌升级片</p>
			</a>
			<a id="p12" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/家乡头条.jpg">
			<p >2017我的家乡头条</p>
			</a>
			
			<a id="p13" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/OPPOR15.jpg">
			<p >OPPO R15</p>
			</a>
			<a id="p14" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/新浪微博让红包飞.jpg">
			<p >新浪微博 让红包飞</p>
			</a>
			<a id="p15" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/topbuzz.jpg">
			<p >TopBuzz</p>
			</a>
			
			<a id="p16" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/oppoR11S.jpg">
			<p>OPPO R11s星幕新年版</p>
			</a>
			<a id="p17" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/周杰伦2000w故事.jpg">
			<p>周杰伦2000w个故事</p>
			</a>
			<a id="p18" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/5a39d504609e6.jpg">
			<p>2017十大头条盘点H5</p>
			</a>
			
			<a id="p19" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/腾讯WiFi管家.jpg">
			<p>腾讯WIFI管家，地铁都能连</p>
			</a>
			<a id="p20" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/腾讯we管家.jpg">
			<p>腾讯WE大会</p>
			</a>
			<a id="p21" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/天猫团圆街.jpg">
			<p>天猫团圆街</p>
			</a>
			 
			 <a id="p22" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/TFBOYS限量.jpg">
			<p>TFBOYS限量版概念宣传片</p>
			</a>
			<a id="p23" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/59bb930590dc6.jpg">
			<p>前方100美元正在向你表白</p>
			</a>
			<a id="p24" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/天猫幻想电音节.jpg">
			<p>天猫幻想电音节</p>
			</a>
			
			<a id="p25" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/世界名画抖起来.jpg">
			<p>世界名画抖起来了H5</p>
			</a>
		    <a id="p26" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/594b69293281a.jpg">
			<p>小米max2创意海报</p>
			</a>
			<a id="p27" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/590aca83b9c1e.jpg">
			<p>聚星台会员通</p>
			</a>
			
			<a id="p28" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/实验室.jpg">
			<p>清新绿实验室大揭秘H5</p>
			</a>
			<a id="p29" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/今日头条功能版.jpg">
			<p>今日头条功能片第二弹</p>
			</a>
			<a id="p30" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/百度情人节.jpg">
			<p>百度情人节首页Doodle</p>
			</a>
			
			<a id="p31" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be6a566c65e.jpg">
			<p>微众银行品牌宣传片</p>
			</a>
			<a id="p32" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be69ba43c21.jpg">
			<p>动画短片《旅行者大意了》</p>
			</a>
			<a id="p33" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be68c7e44ff.jpg">
			<p>扇贝雅思课程</p>
			</a>
			
			<a id="p34" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be681777a97.jpg">
			<p>链家大数据</p>
			</a>
			<a id="p35" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58bf7e8d5e7d0.jpg">
			<p>天猫魔盒3Pro魔力全开</p>
			</a>
			<a id="p36" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be6676a7b8f.jpg">
			<p>今日头条功能第一弹</p>
			</a>
			
			<a id="p37" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be52069aa59.jpg">
			<p>汇通天下G7品牌动画</p>
			</a>
			<a id="p38" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be63fe8722e.jpg">
			<p>链家APP卖房频道2.0</p>
			</a>
			<a id="p39" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be4fa2c27ad.jpg">
			<p>echo回声嘉年华音乐节</p>
			</a>
			
			<a id="p40" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58c77e2633f5f.jpg">
			<p>聚划算：让消费对世界负责</p>
			</a>
			<a id="p41" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/网易520游戏包.jpg">
			<p>网易520游戏礼包H5</p>
			</a>
			<a id="p42" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be4a1353269.jpg">
			<p>腾讯网络媒体峰会</p>
			</a>
			
			<a id="p43" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be64f0b491c.jpg">
			<p>未来媒体峰会</p>
			</a>
			<a id="p44" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be46ed912f3.jpg">
			<p>”有利网”宣传动画</p>
			</a>
			<a id="p45" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be45218ded1.jpg">
			<p>今天就看今日头条</p>
			</a>
			
			<a id="p46" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be4279276f1.jpg">
			<p>为什么我们要回家过年</p>
			</a>
			<a id="p47" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be4012d1607.jpg">
			<p>开窍APP创意视频</p>
			</a>
			<a id="p48" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be3f4219eb3.jpg">
			<p>诛仙世界4G动画</p>
			</a>
			
			<a id="p49" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be3daba9f0a.jpg">
			<p>F+PLUS音乐品牌动画</p>
			</a>
			<a id="p50" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be3c4a759be.jpg">
			<p>《拜托了冰箱》栏目包装</p>
			</a>
			<a id="p51" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be3b117d010.jpg">
			<p>吴亦凡-器官的纷争</p>
			</a>
			
			<a id="p52" href="#" class="photo ">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be3a30c9be9.jpg">
			<p>癌症大数据</p>
			</a>
			<a id="p53" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be3852c7da1.jpg">
			<p>联想政务新体验</p>
			</a>
			<a id="p54" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be361ed84e7.jpg">
			<p>头条号创作平台</p>
			</a>
			
			<a id="p55" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be34c01321d.jpg">
			<p>玩闹智造品牌宣传片</p>
			</a>
			<a id="p56" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be33c28aeb0.jpg">
			<p>今日头条品牌概念动画</p>
			</a>
			<a id="p57" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be2f9ae781b.jpg">
			<p>可口可乐”水动乐水蜜桃”</p>
			</a>
			
			<a id="p58" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be2915ad98d.jpg">
			<p>日本旅游APP“去日本”</p>
			</a>
			<a id="p59" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be284352339.jpg">
			<p>甲壳虫爱情观</p>
			</a>
			<a id="p60" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be25fa6be66.jpg">
			<p>“绿色和平”环保组织招聘</p>
			</a>
			
			<a id="p61" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58be201d574ae.jpg">
			<p>优酷2014全视频之夜开场</p>
			</a>
			<a id="p62" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58bd41bd550de.jpg">
			<p>“越野e族”宣传动画</p>
			</a>
			<a id="p63" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58bd3ec299188.jpg">
			<p>K歌之王 实时耳返</p>
			</a>
			
			<a id="p64" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58bd354ecbfd6.jpg">
			<p>华为网络大会2014《敏捷的未来》</p>
			</a>
			<a id="p65" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58bd33dcc978e.jpg">
			<p>快于一念 因你不凡</p>
			</a>
			<a id="p66" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58bd31d8c262b.jpg">
			<p>Vivo Xplay3s手机发布会</p>
			</a>
			
			<a id="p67" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58bd31064ff38.jpg">
			<p>H7N9禽流感小贴士</p>
			</a>
			<a id="p68" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58bd2e4391216.jpg">
			<p>华为发布会《改变未来的开始》</p>
			</a>
			<a id="p69" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58bd24c8d6081.jpg">
			<p>小星球的圣诞老人纷纷出动</p>
			</a>
			
			<a id="p70" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58bd1e94cb254.jpg">
			<p>在豆瓣，兴趣让用户与品牌不期而遇</p>
			</a>
			<a id="p71" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/INFINI _ 映纷创意_files/58bd1f0c6c8cf.jpg">
			<p style="font-size: 18px;">华为发布会《为你构筑下一代网络安全》</p>
			</a>
			</article>
			<hr/>
   
			</div>
		</main>
			 <footer>
    	<div class="left-footer">
    		<div class="clls">
    		<a href="http://weibo.com/InfiniVision/" target="_blank">
    			<img src="img/INFINI _ 映纷创意_files/contact1.jpg">
    		</a>
    		<a href="http://infini.zcool.com.cn/" target="_blank">
    			<img src="img/INFINI _ 映纷创意_files/contact2.jpg">
    		</a>
    		<a href="http://i.youku.com/u/UMTMyODY0NzU2" target="_blank">
    			<img src="img/INFINI _ 映纷创意_files/contact3.jpg">
    		</a>
    	</div>
    		</div>
    	<div class="right-footer">
    		<div class="alls">
    			<div class="alls-logo">
    				<img src="img/INFINI _ 映纷创意_files/footer_logo.jpg"
    			</div>
    		<p>INFINI | 映纷创意</p>
    		<p>北京市朝阳区常营</p>
    		<p>TEL : 010-85394331</p>
    		<p>QQ : 7585917</p>
    		<p>Email : infinistudio@foxmail.com</p>
    		<p>weibo : @InfiniStudio</p>
    		</div>
    	</div>
    </footer>	
	</body>
</html>

		